.overHidden {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
.flexAlign {
  display: flex;
  align-items: center;
}
.flexRow {
  display: flex;
  flex-direction: row;
}
.flexCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flexBetween {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flexAround {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

//详情页默认样式
.detailPageDef {
  .el-form-item {
    margin-bottom: 14px !important;
  }
  //内容区
  .mainContentWrap {
    background: #fff;
    padding: 15px 12px;
  }
  //底部按钮
  .pageBottomButtonGroup {
    padding: 12px 0;
  }
}


// 自定义-表格操作按钮 -查看、编辑
.primaryButton {
  width: 28px;
  padding: 0 3px;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(42, 152, 245, 1);
  line-height: 20px;
  word-break: keep-all;
  cursor: pointer;
  &:hover {
    text-decoration: underline;
  }
}

//自定义-表格操作按钮 - 删除
.dangerButton {
  width: 28px;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(235, 107, 72, 1);
  line-height: 20px;
  padding: 0 3px;
  word-break: keep-all;
  cursor: pointer;
  &:hover {
    text-decoration: underline;
  }
}

//带状态文字的switch
.customTextSwitch {
  position: relative;
  &::after,
  &::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  &::after {
    content: '否';
    right: 4px;
    color: $defaultTextColor2;
    font-size: 12px;
    z-index: 2;
  }
  &::before {
    display: none;
  }
}

.customTextSwitch.is-checked {
  &::after {
    display: none;
  }
  &::before {
    content: '是';
    left: 4px;
    color: #fff;
    font-size: 12px;
    z-index: 2;
    display: block;
  }
}

// el-form-item 某些情况下去掉校验标识
.isNoRequireStateItem {
  .el-form-item__label::before {
    display: none;
  }
}